<!doctype html>
<!-- This is a minified version of the ThemeForest-Theme "Peach - Clean
& Smooth Admin Template". Author: Simon Stamm (Stammi) Note: If you buy
my theme on ThemeForest, you will receive the non-minified and commented/documentated
version! This is a minified version of my theme to prevent stealing. -->
<!--[if lt IE 7]>
    <html class="no-js ie6 oldie" lang=en>
    <![endif]-->
    <!--[if IE 7]>
        <html class="no-js ie7 oldie" lang=en>
        <![endif]-->
        <!--[if IE 8]>
            <html class="no-js ie8 oldie" lang=en>
            <![endif]-->
            <!--[if gt IE 8]>
                <!-->
                <html class=no-js lang=en>
                <!--<![endif]-->
                
                <head>
                    <link rel=dns-prefetch href="//fonts.googleapis.com">
                    <meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1">
                    <title>
                        Messages (Fallr) :: Peach &ndash; Clean &amp; Smooth Admin Template
                    </title>
                    <meta name=description content="">
                    <meta name=author content="">
                    <meta name=viewport content="width=device-width,initial-scale=1">
                    <link rel=stylesheet href='./css/b4b1f29.css'>
                    <script src="./js/libs/modernizr-2.0.6.min.js">
                    </script>
                    <meta charset="UTF-8">
                </head>
                
                <body>
                    <div id=height-wrapper>
                        <header>
                            <div id=header_toolbar>
                                <div class=container_12>
                                    <h1 class=grid_8>
                                        Peach &ndash; Clean &amp; Smooth Admin Template
                                    </h1>
                                    <div class=grid_4>
                                        <div class=toolbar_small>
                                            <div class=toolbutton>
                                                <span>
                                                    3
                                                </span>
                                                <img src="./img/icons/16x16/mail.png" width=16 height=16 alt=mail>
                                            </div>
                                            <div class=toolbox>
                                                <span class=arrow>
                                                </span>
                                                <h3>
                                                    Your Messages
                                                </h3>
                                                <ul class=mail>
                                                    <li>
                                                        <a href="#"> <strong>10:15</strong>Need your Help! <small> From: John </small> </a>
                                                    </li>
                                                    <li>
                                                        <a href="#"> <strong>9:55</strong>New comment on you theme <small> From: themeforest </small></a>
                                                    </li>
                                                    <li>
                                                        <a href="#"> <strong>Yest.</strong>Successfull backup <small> From: System </small></a>
                                                    </li>
                                                    <li class=read>
                                                        <a href="#"> <strong>2 days</strong>Bug report <small> From: Jane </small></a>
                                                    </li>
                                                </ul>
                                                <a class=inbox href="#">Go to inbox &raquo;</a>
                                            </div>
                                        </div>
                                        <div class=toolbar_large>
                                            <div class=toolbutton>
                                                <div class=toolicon>
                                                    <img src="./img/icons/16x16/user.png" width=16 height=16 alt=user>
                                                </div>
                                                <div class=toolmenu>
                                                    <div class=toolcaption>
                                                        <span>
                                                            Administrator
                                                        </span>
                                                    </div>
                                                    <div class=dropdown>
                                                        <ul>
                                                            <li>
                                                                <a href="#">Settings</a>
                                                            </li>
                                                            <li>
                                                                <a href="#">Logout</a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <nav id=header_main>
                                <div class=container_12>
                                    <ul id=nav_main>
                                        <li>
                                            <a href="#"> <img src="./img/icons/25x25/dark/computer-imac.png" width=25 height=25 alt=""> Dashboard</a>
                                            <ul>
                                                <li>
                                                    <a href="./dashboard.html">Dashboard</a>
                                                </li>
                                                <li>
                                                    <a href="./404.html">404</a>
                                                </li>
                                                <li>
                                                    <a href="./login.html">Login</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="#"> <img src="./img/icons/25x25/dark/blocks---images.png" width=25 height=25 alt=""> Elements</a>
                                            <ul>
                                                <li>
                                                    <a href="./forms.html">Forms</a>
                                                </li>
                                                <li>
                                                    <a href="./gallery.html">Gallery</a>
                                                </li>
                                                <li>
                                                    <a href="./lists.html">Lists</a>
                                                </li>
                                                <li>
                                                    <a href="./tables.html">Tables</a>
                                                </li>
                                                <li>
                                                    <a href="./tabs.html">Tabs</a>
                                                </li>
                                                <li class=last-child>
                                                    <a href="./wizard.html">Wizard</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class=current>
                                            <a href="#"> <img src="./img/icons/25x25/dark/user-comment.png" width=25 height=25 alt=""> User Information</a>
                                            <ul>
                                                <li>
                                                    <a href="./alert_boxes.html">Alert Boxes</a>
                                                </li>
                                                <li class=current>
                                                    <a href="./messages.html">Messages (Fallr)</a>
                                                </li>
                                                <li>
                                                    <a href="./notifications.html">Notifications</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="#"> <img src="./img/icons/25x25/dark/robot.png" width=25 height=25 alt=""> Plugins</a>
                                            <ul>
                                                <li>
                                                    <a href="./charts.html">Charts</a>
                                                </li>
                                                <li>
                                                    <a href="./calendar.html">Calendar</a>
                                                </li>
                                                <li>
                                                    <a href="./explorer.html">Explorer</a>
                                                </li>
                                                <li>
                                                    <a href="./editor.html">Rich Text Editor</a>
                                                </li>
                                                <li>
                                                    <a href="./tooltips.html">Tooltips</a>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </nav>
                            <div id=nav_sub>
                            </div>
                        </header>
                        <div role=main class=container_12 id=content-wrapper>
                            <div id=main_content>
                                <h2 class=grid_12>
                                    Messages
                                </h2>
                                <div class=clean>
                                </div>
                                <div class=grid_4>
                                    &nbsp;
                                </div>
                                <div class=grid_4>
                                    <div class=box>
                                        <div class=header>
                                            <img src="./img/icons/packs/fugue/16x16/resource-monitor.png" alt="" width=16
                                            height=16>
                                            <h3>
                                                Messages
                                            </h3>
                                            <span>
                                            </span>
                                        </div>
                                        <div class=content>
                                            <p>
                                                <strong>
                                                    Click a button for the fallr demonstration.
                                                </strong>
                                            </p>
                                            <p>
                                                <button style="width:150px; text-align: center" id=alert>
                                                    Alert-like
                                                </button>
                                            </p>
                                            <p>
                                                <button style="width:150px; text-align: center" id=confirm>
                                                    Confirm-like
                                                </button>
                                            </p>
                                            <p>
                                                <button style="width:150px; text-align: center" id=prompt>
                                                    Prompt-like
                                                </button>
                                            </p>
                                            <p>
                                                <button style="width:150px; text-align: center" id=form>
                                                    Forms
                                                </button>
                                            </p>
                                            <p>
                                                <button style="width:150px; text-align: center" id=no-overlay>
                                                    No overlay
                                                </button>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class=grid_4>
                                    &nbsp;
                                </div>
                                <div class=clean>
                                </div>
                            </div>
                            <div class=clear>
                            </div>
                        </div>
                        <div class=clear>
                        </div>
                    </div>
                    <footer>
                        <div class=container_12>
                            Copyright &copy; 2011 YourCompany, all rights reserved.
                            <div id=button_bar>
                                <ul>
                                    <li>
                                        <span>
                                            <a href="./dashboard.html">Dashboard</a>
                                        </span>
                                    </li>
                                    <li>
                                        <span>
                                            <a href="#">Settings</a>
                                        </span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </footer>
                    <script type="text/javascript">
                    var pkBaseURL = (("https:" == document.location.protocol) ? "https://analytics.stammtec.de/" : "http://analytics.stammtec.de/");
document.write(unescape("%3Cscript src='" + pkBaseURL + "piwik.js' type='text/javascript'%3E%3C/script%3E"));
                    </script>
                    <script type="text/javascript">
                    try {
    var piwikTracker = Piwik.getTracker(pkBaseURL + "piwik.php", 3);
    piwikTracker.trackPageView();
    piwikTracker.enableLinkTracking()
} catch (err) {};
                    </script>
                    <noscript>
                        <p>
                            <img src="http://analytics.stammtec.de/piwik.php?idsite=3" style="border:0"
                            alt="" />
                        </p>
                    </noscript>
                    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js">
                    </script>
                    <script>
                    window.jQuery || document.write('<script src="./js/libs/jquery-1.6.4.min.js"><\/script>');
                    </script>
                    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js">
                    </script>
                    <script>
                    window.jQuery.ui || document.write('<script src="./js/libs/jquery-ui-1.8.16.min.js"><\/script>');
                    </script>
                    <script defer src='./js/009eff1.js'>
                    </script>
                    <script>
                    $(window).load(function() {
    $("#alert").click(function() {
        $.fallr({
            content: "Hello from fallr!"
        })
    });
    $("#confirm").click(function() {
        var a = function() {
                alert("congrats, you've deleted internet");
                $.fallr("hide")
            };
        $.fallr("show", {
            buttons: {
                button1: {
                    text: "Yes",
                    danger: true,
                    onclick: a
                },
                button2: {
                    text: "Cancel",
                    onclick: function() {
                        $.fallr("hide")
                    }
                }
            },
            content: "<p>Are you sure you want to delete internet?</p>",
            icon: "error"
        })
    });
    $("#prompt").click(function() {
        var a = function() {
                var b = $(this).children("form").children("#yourname").val();
                alert("Hello, " + b);
                $.fallr("hide")
            };
        $.fallr("show", {
            buttons: {
                button1: {
                    text: "Submit",
                    onclick: a
                },
                button2: {
                    text: "Cancel"
                }
            },
            content: '<p>Give me your name</p><form><input type="text" id="yourname" /></form>',
            icon: "form"
        })
    });
    $("#form").click(function() {
        var a = function() {
                var b = $(this).children("form").children('input[type="text"]').val();
                var c = $(this).children("form").children('input[type="password"]').val();
                if (b.length < 1 || c.length < 1) {
                    alert("Invalid!\nPlease fill all required forms")
                } else {
                    alert("username: " + b + "\npassword: " + c);
                    $.fallr("hide")
                }
            };
        $.fallr("show", {
            icon: "secure",
            width: "320px",
            content: '<h4>Sign in</h4><form><input placeholder="Username" type="text"/><input placeholder="Password" type="password"/></form>',
            buttons: {
                button1: {
                    text: "Submit",
                    onclick: a
                },
                button4: {
                    text: "Cancel"
                }
            }
        })
    });
    $("#no-overlay").click(function() {
        $.fallr("show", {
            content: "<p>Yay, no overlay!</p>",
            icon: "info",
            useOverlay: false
        })
    })
});
                    </script>
                    <!--[if lt IE 7 ]>
                        <script defer src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js">
                        </script>
                        <script defer>
                        window.attachEvent("onload", function() {
    CFInstall.check({
        mode: "overlay"
    })
});
                        </script>
                    <![endif]-->
                </body>
                
                </html>